<nz-modal [(nzVisible)]="isVisible" nzTitle="Modal Title">
  <ng-container *nzModalContent>
    <nz-card>
      <sf *ngIf="!isGeneralQuery" mode="edit" [schema]="searchSchema" button="none"></sf>
      <div class="my-md">
        <nz-input-group *ngIf="isGeneralQuery" [nzSuffix]="suffixIconSearch">
          <input type="text" [(ngModel)]="keyword" nz-input placeholder="关键字" (keyup.enter)="st.reset({ keyword: keyword })" />
        </nz-input-group>
        <ng-template #suffixIconSearch>
          <i nz-icon nzType="search" (click)="st.reset({ keyword: keyword })"></i>
        </ng-template>
        <button nz-button nzType="text" (click)="isGeneralQuery = !isGeneralQuery">{{ isGeneralQuery ? '高级查询' : '普通查询' }}</button>
      </div>

      <st #st *ngIf="isDataLoad" [data]="url" [columns]="columns" [scroll]="{ x: '1300px' }" resizable></st>
    </nz-card>
  </ng-container>
</nz-modal>
